.emptyCol {
    height: 10px;
}

.bgwhite {
    background-color: white;
}

nz-sider {
    .siderUl1 {
        text-align: center;

        li {
            list-style     : none;
            display        : flex;
            justify-content: space-around;
            padding        : 10px;
            width          : 100%;
        }
    }

    .siderUl2 {
        text-align: center;

        li {
            list-style     : none;
            display        : flex;
            justify-content: space-around;
            padding        : 10px;
            width          : 100%;
        }
    }

    .siderUl3 {
        text-align          : center;
        padding-inline-start: 0;

        li {
            list-style     : none;
            display        : flex;
            justify-content: space-around;
            padding        : 10px;
            width          : 100%;
        }
    }

    .menu-title-out {
        padding         : 10px;
        background-color: #1890ff;
        width           : 100%;
    }

    .menu-title-in {
        background:
            linear-gradient(to left, white, white) left top no-repeat,
            linear-gradient(to bottom, white, white) left top no-repeat,
            linear-gradient(to left, white, white) right top no-repeat,
            linear-gradient(to bottom, white, white) right top no-repeat,
            linear-gradient(to left, white, white) left bottom no-repeat,
            linear-gradient(to bottom, white, white) left bottom no-repeat,
            linear-gradient(to left, white, white) right bottom no-repeat,
            linear-gradient(to left, white, white) right bottom no-repeat;
        background-size: 1px 20px, 20px 1px, 1px 20px, 20px 1px;
        color          : white;
        padding        : 10px;

        .menu-title-text-cn1 {
            font-size  : 20px;
            font-weight: bold;
        }

        .menu-title-text-cn2 {
            font-size  : 18px;
            font-weight: bold;
        }

        .menu-title-text-cn3 {
            font-size  : 17px;
            font-weight: bold;
        }
    }



    .menus1 {
        font-size  : 18px;
        font-weight: bold;

        span {
            margin-left: 15%;
        }

        .hideText {
            color: transparent;
        }
    }

    .menus2 {
        font-size  : 16px;
        font-weight: bold;

        span {
            margin-left: 15%;
        }

        .hideText {
            color: transparent;
        }
    }

    .menus3 {
        font-size  : 15px;
        font-weight: bold;

        span {
            margin-left: 15%;
        }

        .hideText {
            color: transparent;
        }
    }

    .menus:hover,
    .menu-select {
        cursor: pointer;

        span {
            color: #1890ff;
        }

        .hideText {
            color: #1890ff;
        }
    }
}

nz-content {
    ul {
        .cell-content {
            padding      : 10px;
            overflow     : hidden;
            text-overflow: ellipsis;

            .paragraph {
                overflow     : hidden;
                text-overflow: ellipsis;
                white-space  : nowrap;
            }
        }

        .tableList1 {
            list-style   : none;
            display      : flex;
            border-bottom: 1px solid #d9d9d9;
            padding      : 20px 0;
            margin-top   : 8px;

            .cell-date {
                text-align      : center;
                color           : #1890ff;
                background-color: #e1f0ff;
                padding         : 10px;
                // height          : 85px;


                .cell-date-d {
                    font-size  : 20px;
                    font-weight: bold;

                }

                .cell-date-ym {
                    // font-size  : 18px;
                    font-weight   : bold;
                    white-space   : nowrap;
                }
            }


        }

        .tableList2 {
            list-style   : none;
            display      : flex;
            border-bottom: 1px solid #d9d9d9;
            margin-top   : 8px;

            .cell-date {
                text-align      : center;
                color           : #1890ff;
                background-color: #e1f0ff;
                padding         : 10px;
                height          : 85px;


                .cell-date-d {
                    font-size  : 20px;
                    font-weight: bold;

                }

                .cell-date-ym {
                    // font-size  : 18px;
                    font-weight   : bold;
                    white-space   : nowrap;
                }
            }

            .cell-content {
                padding  : 0 10px;
                font-size: 12px;
            }
        }

        .tableList3 {
            list-style   : none;
            display      : flex;
            border-bottom: 1px solid #d9d9d9;
            margin-top   : 8px;

            .cell-date {
                text-align         : center;
                color              : #1890ff;
                background-color   : #e1f0ff;
                padding            : 10px;
                // height          : 85px;


                .cell-date-d {
                    font-size  : 20px;
                    font-weight: bold;

                }

                .cell-date-ym {
                    // font-size  : 18px;
                    font-weight   : bold;
                    white-space   : nowrap;
                }
            }

            .cell-content {
                padding  : 10px;
                font-size: 12px;
            }
        }

        li:hover {
            cursor          : pointer;
            background-color: #e1f0ff4f;
        }
    }

    .detail-box {
        padding: 20px;

        .article-title {
            .title {
                text-align: center;
            }

            .sub-title {
                text-align: center;

                span {
                    margin: 10px 20px;
                }
            }
        }

        .article-content {
            // height  : 50vh;
            // overflow: scroll;
            font-size  : 16px;
            padding    : 10px;
        }

        .attachment {
            padding: 10px;
        }

        .btnBar {
            display        : flex;
            justify-content: space-between;
            margin         : 10px 0;

            div {
                width        : 30%;
                white-space  : nowrap;
                overflow     : hidden;
                text-overflow: ellipsis;
                font-size    : 16px;
            }

            div:hover {
                color : #1890ff;
                cursor: pointer;
            }
        }
    }
}